<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>会员登录</title>
  <link rel="stylesheet" href="./iconfont/font/iconfont.css">
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/commen.css">
  <link rel="stylesheet" href="./css/login.css">
</head>

<body>
  <!-- 头部区域 引入样式commen-->
  <header class="header">
    <a href="./center.html"><span class="iconfont icon-fanhui"></span></a>
    <h3 class="header_title">会员登录</h3>
  </header>

  <!-- 登录主体部分 -->
  <div class="login_main">
    <div class="login_main_prompt">
      <h1>手机号登录</h1>
      <span>未注册的手机号登录后将自动注册</span>
    </div>
    <form action="javascript:;">
      <div class="login_main_tel">
        <input type="text" name="mobile" placeholder="请输入手机号码">
      </div>
      <div class="login_main_pic">
        <input type="text" name="captchaCode" placeholder="请输入图形验证码">
        <div class="picture">
          <img src="./uploads/login_code_1.png" alt="">
        </div>
      </div>
      <div class="login_main_message">
        <input type="text" name="captchaKey" placeholder="请输入验证码">
        <div class="txt"><a href="#">获取验证码</a></div>
      </div>
    </form>
    <div class="login_main_btn"><a href="#">登录</a></div>
  </div>

  <!-- 提示框 -->
  <div class="tips"></div>

  <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  <script src="./js/form-serialize.js"></script>
  <script src="./js/commen.js"></script>
  <script src="./js/login.js"></script>
</body>

</html>